<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--JS-->
<!--End JS-->

<!--CSS-->
<style>
x{
	outline:#900 solid 1px;
}

.header{
	width:100%;
	height:180px;
}

.header img{
	padding:12px;
	float:left;
}
.header h1{
	position:relative;
	font-weight:lighter;
	font-size:2.5em;
	margin:40 0 0 20;
	float:left;
	
}

.content{
	width:100%;
	height:400px;
	background:#E6E6E6;
}

.footer{
	width:100%;
	height:100px;
}

.description{
	width:30%;
	height:200px;
	margin:80px 0px 0px 15%;
	float:left;
}
.login_panel{
	width:400px;
	height:300px;
	margin:40px 50px 0px 0px;
	float:right;
	background:#B8CCEB;
	border:#339 1px solid;
}
.content table{
	margin-top:18%;
}
.content table tr{
	height:1.8em;
}

	
</style>
<!--END CSS-->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>
<body>

<div class="header">
<img src="images/banner1.png"  />
<h1>Project Name</h1>
</div>

<div class="content">

	<div class="description">description here
    </div>
	<div class="login_panel">
    	<form action="login.php" method="post" >
        <table border="0" width="80%" align="center">
        <tr>
        	<td width="30%">Username</td>
            <td><input type="text" maxlength="30" size="30" name="username" /></td>
        </tr>
        <tr>
        	<td width="30%">Password</td>
            <td><input type="password" maxlength="16" size="30" name="password" /></td>
        </tr>
        <tr>
        	<td colspan="2">
            <input onclick="" style="float:right; width:100px; height:30px;" type="submit" value="Sign in" />
            </td>
        </tr>
        <tr><td colspan="2"><br /><br /></td></tr>
        <tr>
        	<td colspan="2">do not have a password ?</td>
        </tr>
        <tr>
        <td colspan="2" style="padding:0px 20px 0px 20px"><input style="width:100%; height:40px;" onclick="return alert('Request password!');" type="button" value="Request Password"  />
        </tr>    
        </table>
     	</form>
        
    </div>
</div>

<div class="footer">
	<p align="center">footer goes here.</p>
</div>

</body>
</html>

